<div class="modal fade personal-add" tabindex="-1" role="dialog" data-backdrop="static" aria-labelledby="myModalLabel" aria-hidden="true"
    id="details">
    <div class="modal-dialog modal-lg modal-lg-f modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel">个人用户-详情</h4>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            </div>
            <div class="popup-body modal-body">
                <div class="col-xs-12 col-sm-6">
                    <div class="form-group">
                        <label class="col-xs-12 col-sm-3 control-label text-right">用户名：</label>
                        <div class="col-xs-12 col-sm-9">
                            <p *ngIf="getTabVal">{{getTabVal?.userName}}</p>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-xs-12 col-sm-3 control-label text-right">昵称：</label>
                        <div class="col-xs-12 col-sm-9">
                            <p *ngIf="getTabVal">{{getTabVal?.displayName}}</p>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-xs-12 col-sm-3 control-label text-right">角色：</label>
                        <div class="col-xs-12 col-sm-9">
                            <p>{{getTabVal?.roleName}}</p>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-xs-12 col-sm-3 control-label text-right">性别：</label>
                        <div class="col-xs-12 col-sm-9">
                            <p *ngIf="getTabVal?.sex == 1">男</p>
                            <p *ngIf="getTabVal?.sex == 2">女</p>
                        </div>
                    </div>


                    <div class="form-group">
                        <label class="col-xs-12 col-sm-3 control-label text-right">用户状态：</label>
                        <div class="col-xs-12 col-sm-9">
                            <p *ngIf="getTabVal?.status == 1">启用</p>
                            <p *ngIf="getTabVal?.status == 0">禁用</p>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-xs-12 col-sm-3 control-label text-right">邮箱激活状态：</label>
                        <div class="col-xs-12 col-sm-9">
                            <p *ngIf="getTabVal?.isActivate == 1">启用</p>
                            <p *ngIf="getTabVal?.isActivate == 0">禁用</p>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-xs-12 col-sm-3 control-label text-right">实名认证状态：</label>
                        <div class="col-xs-12 col-sm-9">
                            <p *ngIf="getTabVal?.isAutonym == 1">启用</p>
                            <p *ngIf="getTabVal?.isAutonym == 0">禁用</p>
                        </div>
                    </div>
                </div>
                <div class="col-xs-12 col-sm-6">
                    <div class="form-group">
                        <label class="col-xs-12 col-sm-3 control-label text-right">手机：</label>
                        <div class="col-xs-12 col-sm-9">
                            <p *ngIf="getTabVal">{{getTabVal?.mobile}}</p>
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-xs-12 col-sm-3 control-label text-right">身份证：</label>
                        <div class="col-xs-12 col-sm-9">
                            <p>{{getTabVal?.identityCard}}</p>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-xs-12 col-sm-3 control-label text-right">真实姓名：</label>
                        <div class="col-xs-12 col-sm-9">
                            <p>{{getTabVal?.realName}}</p>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-xs-12 col-sm-3 control-label text-right">邮箱：</label>
                        <div class="col-xs-12 col-sm-9">
                            <p *ngIf="getTabVal">{{getTabVal?.email}}</p>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-xs-12 col-sm-3 control-label text-right">注册来源：</label>
                        <div class="col-xs-12 col-sm-9">
                            <p *ngIf="getTabVal">{{getTabVal?.registerSource}}</p>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-xs-12 col-sm-3 control-label text-right">电话：</label>
                        <div class="col-xs-12 col-sm-9">
                            <p>{{getTabVal?.phone}}</p>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-xs-12 col-sm-3 control-label text-right">出生年月：</label>
                        <div class="col-xs-12 col-sm-9">
                            <p>{{getTabVal?.birthday | date:'yyyy-MM-dd'}}</p>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-xs-12 col-sm-3 control-label text-right">城市：</label>
                        <div class="col-xs-12 col-sm-9">
                            <p>{{getTabVal?.city}}</p>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-xs-12 col-sm-3 control-label text-right">地址：</label>
                        <div class="col-xs-12 col-sm-9">
                            <p>{{getTabVal?.address}}</p>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-xs-12 col-sm-3 control-label text-right">qq号：</label>
                        <div class="col-xs-12 col-sm-9">
                            <p>{{getTabVal?.qq}}</p>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-xs-12 col-sm-3 control-label text-right">邮编：</label>
                        <div class="col-xs-12 col-sm-9">
                            <p>{{getTabVal?.postCode}}</p>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-xs-12 col-sm-3 control-label text-right">学校：</label>
                        <div class="col-xs-12 col-sm-9">
                            <p>{{getTabVal?.school}}</p>
                        </div>
                    </div>
                </div>
            </div>

            <div class="modal-footer">
                <button type="button" class="btn btn-default" mat-raised-button data-dismiss="modal" aria-hidden="true">返回</button>
            </div>



        </div>
    </div>
</div>
<!-- 详情 END -->